﻿@charset "utf-8";
/*总体大小，样式重定义*/
*{-webkit-text-size-adjust:none;}/*禁用了这一属性，在chrome下放大网页，会导致其它元素均放大，而文字却依然为原定义的“12px”*/

body{font-family:Arial;font-size:12px;margin:0px;padding:0px;}
img{border:none;}

/* 设置默认字体,用 ascii 字符表示，使得在任何编码下都无问题  */
body,button, input, select, textarea { font: 12px/1 "microsoft yahei" , Arial, "\5b8b\4f53", sans-serif;}


/*清除浮动*/
.clearfloat{clear:both;height:0;font-size:1px;line-height:0px; overflow: hidden;}
.clearright{clear:right;height:0;font-size:1px;line-height:0px; overflow: hidden;}
.clearleftt{clear:right;height:0;font-size:1px;line-height:0px; overflow: hidden;}

/*清除边框*/
.nbt{border-top:none!important;}
.nbb{border-bottom:none!important;}
.nbl{border-left:none!important;}
.nbr{border-right:none!important;}

.nm{margin:0px!important;}

/*以下为整站样式设置，上为不改动，下为改动，是否将此转移至style?*/
/*连接颜色*/
/*20121208更新去掉背景透明，文字颜色设置*/

a:link{text-decoration:none;color:#0000ff;}
a:active{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}

/*关于样式重置
样式重置，不宜于直接在*{}设置或者body *设置
因为如果在content处，读取数据库内文章，则会出现导致富文本中样式也重置，可能达不到作者之前预览的效果。
所以决定分段处理,待实际需要写边距的元素，再独立添加样式.
.topbar *{margin:0px;padding:0px}
.menu *{margin:0px;padding:0px}
.sidebar *{margin:0px;padding:0px}
.footer *{margin:0px;padding:0px}*/


/*重置所有输入框和文本框边界*/



/*这个对编辑框的影响比较大*/
/* table {line-height:16px;}
table, th, td {border-collapse:collapse;border-style:solid; border-width:thin;} */




/*翻页样式未进行进一步优化*/

/*翻页*/
.page-guide{ margin-top: 30px; font-size: 22px; color: #6f6f6f;}
.page-guide a{ color: #6f6f6f;}
.page-guide > span, .page-guide > a{ display: inline-block; vertical-align: middle; line-height: 40px; height: 40px;}
.page-guide a:hover, .page-guide a:active{ text-decoration: none;}
.page_center_select{ width: 165px; background: #f1f2f2; border: #dedfe0 1px solid; height: 40px; position: relative; margin: 0 32px;}
.page_center_select select{ border: none; width: 165px; height: 40px; background: #f1f2f2 url(../images/page_arrow_bottom.png) no-repeat right 25px center; color: #6f6f6f; font-size: 20px; text-indent: 30px;}
.page_center_select .page_center_cover{display: block; height: 40px; position: absolute; width: 17px; background: #f1f2f2; right: 0; top: 0px;}
.page-guide .prev_btn{ background: url(../images/page_arrow_left.png) no-repeat 0 center; padding-left: 45px;}
.page-guide .next_btn{ background: url(../images/page_arrow_right.png) no-repeat right center; padding-right: 45px;}

/*按钮部 开始 此段代码配合图片sprit.png使用*/

.submit,.cancel,.search,.more,.buy{display:block;border:none;background:transparent;margin:0px;padding:0px;cursor:pointer}

.submit{width:85px;height:26px;background-position:0px 0px;}
.submit:hover{background-position:-101px 0px}

.cancel{width:85px;height:26px;background-position:0px -50px;}
.cancel:hover{background-position:-101px -50px}

.search{width:71px;height:21px;background-position:0px -101px;}
.search:hover{background-position:-101px -101px}

.more{width:52px;height:16px;background-position:0px -140px;}
.more:hover{background-position:-101px -140px}

.buy{width:107px;height:26px;background-position:0px -174px;}
.buy:hover{background-position:-144px -174px;}

/*列表图标，包含圆形和正方形，未加上三角形。需要把样式添加至li以上的ul中，因为是直接对样式下的li全部控制*/

.circle li,.square li,.circle li:hover,.square li:hover{}

.circle li{background-position:-690px 9px;}
.circle li:hover{background-position:-690px -41px;}
.square li{background-position:-690px -91px;}
.square li:hover{background-position:-690px -141px;}



/*主要放置一些标题类的样式，字体的样式,例如文章标题，sidebar标题，content的标题，其他list中的标题*/
/*
h1:详细页面的产品、文章标题,目录名
h2:顶部logo，标语等使用
h3:content中的版块标题
h4:sitebar中的版块标题
h5:版块中的分类标题/板块标题下级层次
h6:版块中的文章,产品标题
*/

/*关于标题的样式设置*/
h1{font-size:24px;font-family:verdana;font-weight:100;}
h2{font-size:20px;font-family:verdana;font-weight:100;}
h3{font-size:18px;font-family:verdana;font-weight:700;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;font-weight:700;}

/*标题通用样式*/
h1,h2,h3,h4,h5,h6{word-wrap:break-word;margin:0px;padding:0px;}


/*关于标题的超链接样式设置*/
h1 a{color:#0000ff!important;}
h2 a{color:#0000ff!important;}
h3 a{color:#993399!important;}
h4 a{color:#0000ff!important;}
h5 a{color:#0000ff!important;}
h6 a{color:#993399!important;}

h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h7 a:hover{text-decoration:none;!important;}
h6 a:hover{text-decoration:underline;}


.title-data{font-size:10px;color:#666666;}
.title-notice{font-size:12px;color:#AD3F40;}
.title-alarm{font-size:12px;color:#AD3F40;}







#metro{position:fixed;left:0px;top:0px;background-color:#222222;width:100%; height:0px;padding:0px;z-index:100000; float:left;overflow:hidden;background: rgba(0,0,0,0.9);}








/*返回顶部*/
p#back-to-top{
    position:fixed;
    right:30px;
    bottom:100px;

}
p#back-to-top a{
    text-align:center;
    text-decoration:none;
    color:#d1d1d1;
    display:block;
    width:30px;
    /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/
    -moz-transition:color 1s;
    -webkit-transition:color 1s;
    -o-transition:color 1s;
}
p#back-to-top a:hover{
    color:#979797;
}
p#back-to-top a span{
    background-color:#d1d1d1;
    background-image:url(../images/arrow-up.jpg);
    background-repeat:no-repeat;

    border-radius:6px;
    display:block;
    height:50px;/*如果高低设置，少于100，会有动画的哦*/
    width:40px;
    margin-bottom:5px;
    /*使用CSS3中的transition属性给<span>标签背景颜色添加渐变效果*/
    -moz-transition:background 1s;
    -webkit-transition:background 1s;
    -o-transition:background 1s;
}
#back-to-top a:hover span{
    background:#979797 url(../images/arrow-up.jpg)  no-repeat center center;
}

.cover{ display: none; position: fixed; width: 100%; height: 100%; background: #000; opacity: 0.7; top: 0; left: 0; z-index: 200;}


.gstitle img{
    display: inline-block;
    margin:27px 11px;
    vertical-align:middle;
}
.gstitle h2{
    display: inline-block;
    font-size: 31px;
    position: relative;
    top:9px;
    right:7px;
    font-weight:400;
    color:#454545;
}
.gongshijianjie {
    margin-top: 18px;
    background: white;
    height: 403px;
    box-shadow: 0px 1px 1px -1px #888888;
}
.gstitle{
    height: 90px;
    text-align: left;
    background-color: #ffffff;
}
.go_to{
    background: url("../images/go_to.png")no-repeat;
    float: right;
    width: 18px;
    height:30px;
    position: relative;
    top:34px;
    right:14px;
}
.pei_tu{
    background: url("../images/pei_tu.jpg")no-repeat;
    width: 640px;
    height:285px;
    color:white;
}
.pei_tu h1{
    text-align: center;
    font-size: 31px;
    padding-top: 78px;
}
.pei_tu p{
    font-size: 26px;
    margin: 11px auto;
    line-height: 34px;
    width: 545px;
}

.recommend {
    background: white;
    margin-top: 27px;
    height:735px;
    box-shadow: 0px 1px 1px -1px #888888
}
.reco_producto{
    width:628px;
    height:610px;
    margin:0 auto;
    overflow: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling:auto;
}
.reco_unico{
    display: block;
    float: left;
    margin:5px 7px 20px;
}
.reco_unico img{
    width: 300px;
    height: 200px;
}
.reco_unico h3{
    font-size: 36px;
    font-weight: 900;
    margin:5px 0;
    font-family: initial;
    color:#454545;
    text-align: left;
}
.reco_unico p{
    font-size: 25px;
    margin:0;
    color:#454545;
    font-weight: 400;
    text-align: left;
}
.reco_width{
    width: 628px;
    height: 575px;
    float: left;
}
.reco_total{
    width: 1884px;
    height: 575px;
    position: relative;
}
.recommend ul{
    width: 114px;
    margin:18px auto;
    padding: 0;

}
.recommend ul li{
    float: left;
    width: 14px;
    height: 14px;
    background: #efefef;
    border-radius: 10px;
    list-style-type: none;
}
.recommend ul li.active{
    border: 2px solid #05a5df;
    background: #05a5df;
}
.cg_inspriation{
    background: white;
    margin-top: 27px;
    box-shadow: 0px 1px 1px -1px #888888
}
.cg_inspriation_1 a h1{
    font-size: 31px;
    margin:15px 0px 10px;
    font-weight:700;
    color:#454545;
}
.cg_inspriation_1 a p{
    font-size: 23px;
    margin:8px 0;
    line-height: 33px;
    color:#454545;
    font-weight: 400;
}
.cg_inspriation_1{
    width: 614px;
    margin:0 auto;
    height: 430px;
}
.cg_time_eye{
    margin:20px 10px;
    font-size: 24px;
    color:#454545;
    font-weight: 400;
}
.cg_time_eye .cg_eye{
    display: block;
    float: right;
}
.cg_time_eye .cg_time{
    display: block;
    float: right;
}
.cg_time_eye img{
    vertical-align:middle;
    margin:-3px 0 0 15px;
}





        .add-box .content{line-height: 38px;}
        .add-box h3{font-size: 30px; margin-bottom: 15px;color:#009688; font-weight: 500； }
        .add-box .notice{font-size:18px; margin-bottom: 15px; margin-top:8px;}
h2{ background-color: #009688; line-height:50px; font-size: 33px; padding: 12px;color: #ffffff}


        legend{text-align: center; margin-top: 25px;}
		
		
		
		

pet_theme-box {
    overflow: hidden;
    margin-left: 132px;
}



.pet_theme {
    float: left;
    margin-right: 5px;
}



.pet_theme img{
    width: 92px;
    height: 91px;
}


.pet_theme input{
    padding: 8px;
    border: 1px solid;
    border-radius: 5px;
    height: 25px;
}








/*遮罩图层的样式*/
.message_layer{
    width:100%; height: 100%; background-color: #333333; position: fixed; z-index: 999; top: 0; left: 0;
    filter:alpha(opacity=80);  /*支持 IE 浏览器*/
    -moz-opacity:0.80; /*支持 FireFox 浏览器*/
    opacity:0.80;  /*支持 Chrome, Opera, Safari 等浏览器*/
    color: #ffffff;
    display: none;
}

.message_layer_content_box{
    position: fixed; top: 50%; left: 50%; width:250px;margin-left: -75px;
}

.message_layer_content_box .layui-icon{
    float:left;width:30px;height:30px;font-size:30px;
}
.message_layer_content_box .content_box{line-height:30px; padding-left: 15px;float:left;
}
/*遮罩图层的样式*/

.nameheader {
    box-shadow: 0 0 20px #222;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    height: 83px;
    line-height: 83px;
    text-align: center;
	 background-color: #19a193;
}
